<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	<title>vue prop 验证</title>
</head>
<body>
	<div id="app1">
		<ul-lik :names="text"></ul-lik>
	</div>
</body>
</html>
<script type="text/javascript">
	
	function Foo(name) {
		this.name = name;
	};

    Vue.component('ul-lik', {
        props: {
            names: Foo
        },
        template: '<div>{{names.name}}</div>'
    });

	var app=new Vue({
		el:'#app1',
		data: {
            text: new Foo('zhangsan'),
        }
	})
</script>